<template>
  <div class="home-header">
    <div>
      <i class="iconfont icon-logo-"></i>
    </div>
    <div class="home-ss">
      <i class="iconfont icon-sousuo"></i>
      <input type="text" name="" id="">
    </div>
    <div>
      <i class="iconfont icon-tubiaolunkuo-"></i>
    </div>
  </div>
</template>

<script>

export default {
}
</script>
<style scoped lang="scss">
  .home-header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    padding-top: 0.2rem;
    font-size: 0.7rem;
    background-color: #f2f2f2;
    .icon-tubiaolunkuo-{
        font-size: .6rem;
        margin-right: .6rem;
    }
    .icon-logo-{
      font-size: 1rem;
      margin-left: .5rem;
      color: #FF6900;
    }
    .home-ss{
      position: relative;
      .icon-sousuo{
          font-size: .5rem;
          position: absolute;
          left: .1rem;
          top: .25rem;
      }
      input{
        width: 6rem;
        height: .8rem;
      }
    }
  }
   
   
  
  
  
</style>